<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>亲情大考验</title>
		<link rel="stylesheet" type="text/css" href="static/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="static/css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="public/css/index.css" />
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?fb1293a38043285a17e8c985a616254f";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>

	</head>

	<body>
		<!--第一个页面-->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide pages page1">
					<img src="static/img/DBT.png" class="img_1 ani" swiper-animate-effect='bounceIn' swiper-animate-duration='.5s' swiper-animate-delay='0.2s'>
					<img src="static/img/KSTZ@3x.png" class="ani img_2" swiper-animate-effect='fadeInDown' swiper-animate-duration='.5s' swiper-animate-delay='0.2s'>
				</div>
				<div class="swiper-slide pages page2">
					<ul class="ani topic topic_1" swiper-animate-effect='bounceInLeft' swiper-animate-duration='1s' swiper-animate-delay='0.3s'>
						<li><label for="t_1_1"><input id="t_1_1" type="radio" name="t_1"/><span>知道，很清楚</span></label></li>
						<li><label for="t_1_2"><input id="t_1_2" type="radio" name="t_1"/><span>曾经记得，现在忘了</span></label></li>
						<li><label for="t_1_3"><input id="t_1_3" type="radio" name="t_1"/><span>没有注意过</span></label></li>
					</ul>
					<img src="static/img/JXTZ@3x.png" class="ani img_2" swiper-animate-effect='bounceIn' swiper-animate-duration='.5s' swiper-animate-delay='0.5s'>
				</div>
				<div class="swiper-slide pages page3">
					<ul class="ani topic topic_2" swiper-animate-effect='bounceInLeft' swiper-animate-duration='1s' swiper-animate-delay='0.3s'>
						<li><label for="t_2_1"><input id="t_2_1" type="radio" name="t_2"/><span>3天以内</span></label></li>
						<li><label for="t_2_2"><input id="t_2_2" type="radio" name="t_2"/><span>3~7天以内</span></label></li>
						<li><label for="t_2_3"><input id="t_2_3" type="radio" name="t_2"/><span>一周前</span></label></li>
						<li><label for="t_2_4"><input id="t_2_4" type="radio" name="t_2"/><span>一个月前</span></label></li>
					</ul>
					<img src="static/img/JXTZ@3x.png" class="ani img_2" swiper-animate-effect='bounceIn' swiper-animate-duration='.5s' swiper-animate-delay='0.7s'>
				</div>
				<div class="swiper-slide pages page4">
					<ul class="ani topic topic_3" swiper-animate-effect='bounceInLeft' swiper-animate-duration='1s' swiper-animate-delay='0.3s'>
						<li><label for="t_3_1"><input id="t_3_1" type="radio" name="t_3"/><span>手机微信、QQ</span></label></li>
						<li><label for="t_3_2"><input id="t_3_2" type="radio" name="t_3"/><span>手机通话</span></label></li>
						<li><label for="t_3_3"><input id="t_3_3" type="radio" name="t_3"/><span>当面交谈</span></label></li>
						<li><label for="t_3_4"><input id="t_3_4" type="radio" name="t_3"/><span>其他</span></label></li>
					</ul>
					<img src="static/img/JXTZ@3x.png" class="ani img_2" swiper-animate-effect='bounceIn' swiper-animate-duration='.5s' swiper-animate-delay='0.7s'>
				</div>
				<div class="swiper-slide pages page5">
					<ul class="ani topic topic_4" swiper-animate-effect='bounceInLeft' swiper-animate-duration='1s' swiper-animate-delay='0.3s'>
						<li><label for="t_4_1"><input id="t_4_1" type="radio" name="t_4"/><span>挺好的，一直很关注</span></label></li>
						<li><label for="t_4_2"><input id="t_4_2" type="radio" name="t_4"/><span>好像还不错吧</span></label></li>
						<li><label for="t_4_3"><input id="t_4_3" type="radio" name="t_4"/><span>最近出了点状况</span></label></li>
						<li><label for="t_4_4"><input id="t_4_4" type="radio" name="t_4"/><span>额。。不是很清楚</span></label></li>
					</ul>
					<img src="static/img/JXTZ@3x.png" class="ani img_2" swiper-animate-effect='bounceIn' swiper-animate-duration='.5s' swiper-animate-delay='0.7s'>
				</div>
				<div class="swiper-slide pages page6">
					<ul class="ani topic topic_5" swiper-animate-effect='bounceInLeft' swiper-animate-duration='1s' swiper-animate-delay='0.3s'>
						<li><label for="t_5_1"><input id="t_5_1" type="radio" name="t_5"/><span>刚刚回过啊</span></label></li>
						<li><label for="t_5_2"><input id="t_5_2" type="radio" name="t_5"/><span>3天左右吧，还行</span></label></li>
						<li><label for="t_5_3"><input id="t_5_3" type="radio" name="t_5"/><span>一周多了</span></label></li>
						<li><label for="t_5_4"><input id="t_5_4" type="radio" name="t_5"/><span>一个多月了，离家远，有点忙</span></label></li>
						<li><label for="t_5_5"><input id="t_5_5" type="radio" name="t_5"/><span>大概半年以上了吧</span></label></li>
					</ul>
					<img src="static/img/jxda@5x.png" class="ani img_2" swiper-animate-effect='bounceIn' swiper-animate-duration='.5s' swiper-animate-delay='0.7s'>
				</div>
				<div class="swiper-slide pages page7">
					<!--<div class="ani topic topic_6" swiper-animate-effect='bounceInLeft' swiper-animate-duration='.5s' swiper-animate-delay='0.3s'>
                	<p>古人云；树欲静而风不止，子欲养而亲不待</p>
                	<p>亲情无价</p>
                	<p>每个人有自己的理解</p>
                	<p>我们希望通过几个简单的问题</p>
                	<p>唤醒你对爸爸妈妈的关注。</p>
                </div>
                <div class="ani topic topic_7" swiper-animate-effect='bounceInLeft' swiper-animate-duration='.5s' swiper-animate-delay='0.3s'>
                	<p>无论你是   Cindy，David，</p>
                	<p>还是 小花，大狗</p>
                	<p>国庆中秋团圆日</p>
                	<p>忙一点，远一点，记得回家看看</p>
                </div>
                <img src="static/img/an@3x.png" class="ani share" swiper-animate-effect='bounceIn' swiper-animate-duration='.5s' swiper-animate-delay='0.7s'>-->
					<div class="btn"></div>
				</div>
			</div>
		</div>
		<!--音乐-->
		<img class="music music-animate" src="static/img/music.png" />
		<audio id="bgmusic" src="static/audio/小贱 - 真的爱你 (压缩版).mp3" loop autoplay preload></audio>
		<!--蒙板-->
		<div class="board hide">
			<img src="static/img/图层3@3x.png" />
			<img src="static/img/4@3x.png" />
		</div>
		<!--提示-->
		<div class="hint hide">您还没有选择！</div>
	</body>

</html>
<script src="static/js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="static/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="static/js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="public/js/index.js" type="text/javascript" charset="utf-8"></script>